@charset "utf-8";
body { font:normal 12px/24px "",Arial, Helvetica, sans-serif;  color: #272727; min-width:1380px;}
a{color:#4d4d4e; text-decoration:none; font:normal 12px/24px "",Arial, Helvetica, sans-serif;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
a:hover{color:#017fbf;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span, p, img, images, div,input{padding:0;margin:0;border:none;vertical-align:top; font-weight:normal;}
ul,li{ list-style:none; padding:0; margin:0;}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.left{float:left;}
.right{float:right;}
.both{ clear:both;}
.center{ text-align:center;}
.over{ overflow:hidden;}
.w138{ width:1380px; margin:0 auto;}

#wrap {/*overflow: hidden;*/width: 100%;}
#main {top: 0;position: relative;}
.page {width: 100%;margin: 0;}
#pageUl {position: fixed;right: 90px;z-index: 9;top: 35%;}
.pageUlLi{margin: 0 0 18px;margin: 0 0 8px;position: relative;height: 30px;width: 30px;border: solid 1px rgb(255, 255, 255,0);border-radius: 50%;cursor: pointer;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.pageUlLi span{width: 18px;height: 18px;border-radius: 50%;background: #fff;display: block;position: absolute;top: 6px;left: 6px;}
.pageUlLi p{opacity: 0;color: #fff;font-size: 16px;width: 100px;position: absolute;right: -111px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.pageUlLi:nth-of-type(1) p{opacity: 1;}
.pageUlLi:nth-of-type(1){border: solid 1px rgb(255, 255, 255,1);}
.pageUlLi:hover{border: solid 1px rgb(255, 255, 255,1)!important;}
.pageUlLi:hover p{opacity: 1!important;}


.top{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;z-index: 9;padding: 0 2.5%;}
.logo{margin: 25px 0 0 0;display: block;width: 15%;}
.logo img{width: 100%;}
.innav{background: none;padding: 0;width: 63.6%;margin: 35px 0 0 30px;}
.innav li{width: auto;padding: 0 2.9%;padding: 0 2.6%;}
.innav>li>a{color: #fcfafa!important;text-align: center;padding:0!important;line-height: 62px;}
.innav>li>a:hover{color: #01abe8!important;}
.innav li a{font-size: 18px;}
.innav .layui-nav-more{display: none;}
.innav .layui-this::after{height: 3px;background: #01abe8;display: none!important;}
.innav .layui-nav-bar{height: 3px;background: #01abe8;display: none!important;}
.innav .layui-this>a{color: #01abe8!important;}
.innav .layui-nav-child{top: 62px;background: rgb(255, 255, 255,.85);border: none;border-radius: 0;box-shadow: none;}
.innav .layui-nav-child a{color: #000;font-size: 14px;line-height: 42px;padding: 0;text-align: center;}
.innav .layui-nav-child a:hover {background-color: #01abe8;color: #fff;}
.tdh{font-size: 16px;color: #fff;background: url(../images/tel.png) no-repeat left 6px;padding: 0 0 0 16px;position: relative;top: -12px;}
.toprx{margin: 52px 0 0 0;position: relative;}
.tdh em{font-style: normal;}
.tdh span{font-family: Arial, Helvetica, sans-serif;}
.toprx i{width: 1px;height: 11px;background: rgb(255, 255, 255,.56);display: block;margin: 6px 11px 0;}
.toprx .en{font-size: 14px;color: #fff;font-family: Arial, Helvetica, sans-serif;display: block;background: url(../images/en.jpg) no-repeat left center;padding: 0 0 0 34px;}
.toprx .en:hover{color: #01abe8;}
.header_icon2{width: 22px;height: 22px;background: url(../images/sea.png) no-repeat center;display: block;}
.slider-search {background: none rgba(0,0,0,0.7);position: fixed;left: 0px;top: -100%;width: 100%;height: 100%;z-index: 999999999;display: none;}
.slider-search form{margin: 150px 0 0 0;}
.slider-search .fixed-search-form-input input{width: 66%;display: block;padding: 20px 0px 20px 2%;margin: 0 auto;height: 24px;background-color: #e7e7e7;line-height: 24px;border: 1px solid #e7e7e8;font-size: 16px;color: #4c4c4c;box-sizing: content-box;}
.slider-search .box-sbtn {padding-top: 120px;text-align: center;}
.box-sbtn .btn {border: 1px solid #ffffff;cursor: pointer;color: #FFFFFF;background: none; font-size: 15px;display: inline-block;border-radius: 5px;margin: 0px 10px;box-sizing: content-box;width: 134px;line-height: 36px;text-align: center;}

.topsj{background: url(../images/sj.png) no-repeat left center;color: #fff;padding: 0 0 0 16px;font-size: 16px;position: absolute;left: -12px;top: 14px;}
.topsj em{font-style: normal;}
.topsj em:nth-of-type(1){background: url(../images/topwx.png) no-repeat left center;padding: 0 0 0 28px;}
.topsj i{font-style: normal;display: inline;background: none;margin: 0;}
.topsj span{font-family: Arial, Helvetica, sans-serif;}


@media only screen and (max-width: 1800px) {
    .innav li:first-of-type,.tdh em,.toprx .en span{display: none;}
    .toprx{margin: 2.3% 0 0 0;}
    .toprx .en{width: 24px;height: 14px;padding: 0;margin: 5px 0 0 0;}
    .innav{width: 60%;margin: 1% auto 0;position: absolute;left: 0;right: 0;}
    .innav li {/* width: 14.2%; */padding: 0 2.3%;}
    .topsj em:nth-of-type(2),.topsj i{display: none;}
    .topsj{left: -28px;}
}
/**/
#page2{background: url(../images/index_1.jpg) no-repeat center;background-size: cover;}
.page .w138{position: relative;height:100%}
.itit{font-size: 34px;font-weight: bold;line-height: 34px;color: #fff;position: absolute;top: 8%;left: 0;right: 0;}
.itit::after{content: '';display: block;width: 56px;height: 3px;background: #fff;margin: 32px auto 0;}
#page3 .itit::after{display: none;}
.iprzt{height: 73%;position: absolute;top: 16%;width: 100%;}
.iprztl{width: 450px;padding: 0 30px;height: calc(100% - 10px);border: solid 5px rgb(255, 255, 255,.6);position: absolute;left: 0;color: #fff;}
.iprztr{width: 820px;height: 100%;background: rgb(255, 255, 255,.65);background: #ffffffa6;background: hsla(0, 0%, 100%, 0.6509803921568628);position: absolute;right: 0;}
.iprztr li{width: 50%;height: 33.3%;position: relative;float: left;}
.iprztr li a{display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
/* .iprztr li a img{position: absolute;margin: auto;width: 100%;top: 0;bottom: 0;opacity: 0;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} */
.iprztr li a img{position: absolute;z-index: 10;margin: auto;left: 0;right: 0;top: 12%;}
.iprztr li a p{color: #000;font-size: 22px;text-align: center;position: absolute;z-index: 11;bottom: 14%;left: 0;right: 0;opacity: 1;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.iprztr li a:hover img{opacity: 1;}
.iprztr li a:hover p{color: #fff;}
/* .iprztr li:nth-of-type(1) a{background: url(../images/index_3.png) no-repeat center 20%;}
.iprztr li:nth-of-type(2) a{background: url(../images/index_4.png) no-repeat center 20%;}
.iprztr li:nth-of-type(3) a{background: url(../images/index_5.png) no-repeat center 20%;}
.iprztr li:nth-of-type(4) a{background: url(../images/index_6.png) no-repeat center 20%;}
.iprztr li:nth-of-type(5) a{background: url(../images/index_7.png) no-repeat center 20%;}
.iprztr li:nth-of-type(6) a{background: url(../images/index_8.png) no-repeat center 20%;} */
.iprztr i{z-index: 99;}
.iprztr i:first-of-type{display: block;width: 1px;height: 100%;position: absolute;background: #e0e0e0;left: 0;right: 0;margin: 0 auto;}
.iprztr i:nth-of-type(2),.iprztr i:nth-of-type(3){display: block;width: 100%;height: 1px;position: absolute;background: #e0e0e0;top: 33.3%;}
.iprztr i:nth-of-type(3){top: 66.6%;}
.iprztl_1{font-size: 34px;font-weight: bold;line-height: 34px;margin: 45px 0 0 0;}
.iprztl_1::after{content: '';display: block;width: 56px;height: 3px;background: #fff;margin: 28px 0 0 0;}
.iprztl_2{font-size: 14px;line-height: 32px;margin: 38px 0 25px;}
.iprztl img{margin: 0 0 35px;}
.iprztl a.iprztl_4{font-size: 16px;color: #fff;padding: 0 0 0 35px;background: url(../images/index_2.png) no-repeat left center;}
.iprztl a.iprztl_4 span{position: relative;left: 0;-webkit-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;}
.iprztl a:hover span{left: 7px;}
@media only screen and (max-width: 1800px) {
    .iprztl_2{height: 28%;overflow: hidden;margin: 5% 0 4%;line-height: 26px;}
    .iprztl_3{height: 30%;overflow: hidden;}
    .iprztl a.iprztl_4{position: absolute;bottom: 7%;}
}
/**/
#page3{background: url(../images/index_9.jpg) no-repeat center;background-size: cover;}
.iyyjs{position: absolute;top: 20%;height: 71%;}
.iyyjs li{float: left;width: 327px;height: 50%;position: relative;margin: 0 24px 20px 0;-webkit-transition: -webkit-box-shadow .45s ease-out;transition: -webkit-box-shadow .45s ease-out;transition: box-shadow .45s ease-out;transition: box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out;}
.iyyjs li:nth-of-type(4n){margin: 0 0 20px;}
.iyyjs li a p{color: #fff;font-size: 18px;text-align: center;padding: 5% 0 0 0;}
.iyyjs li a span{display: block;height: 65%;overflow: hidden;position: relative;}
.iyyjs li a span img{position: absolute;margin: auto;top: 0;bottom: 0;transition: .8s;}
.iyyjs li:hover {-webkit-box-shadow: 18px 18px 26px rgba(0,0,0,0.2);box-shadow: 18px 18px 26px rgba(0,0,0,0.2);}
.iyyjs li:hover img {transform: scale(1.2);}
.iyyjs li:hover a p{color: #01abe8;}
/**/
#page4{background: url(../images/index_18.jpg) no-repeat center;background-size: cover;}
.igcal_1{position: absolute;top: 20%;left: 0;right: 0;margin: 0;}
.igcal_1 a{font-size: 16px;color: #fff;padding: 0 16px;line-height: 42px;display: inline-table;}
.igcal_1 a:hover{background:  #01abe8;}
.igcal_2{position: absolute;top: 27%;margin: auto;left: 0;right: 0;}
.igcal_2.layui-carousel,.igcal_2.layui-carousel>[carousel-item]>*{background: none;}
.igcal_2_it{position: absolute;height: 100%;}
.igcal_2_it li{float: left;margin: 0 0 10px;margin:0;position: relative;height: 48%;width: 443px;}
.igcal_2_it li:nth-of-type(3n-1){margin: 0 25px 10px;margin: 0 25px;}
.igcal_2_it li span{position: relative;height: 85%;    height: 88%;display: block;overflow: hidden;}
.igcal_2_it li img{position: absolute;top: 0;bottom: 0;margin: auto;transition: .8s;width: 100%;}
.igcal_2_it li video{width: 100%;height: 100%;background: #000;}
.igcal_2_it li a p{color: #fff;font-size: 16px;text-align: center;line-height: 40px;}
.igcal_2>[carousel-item]:before{display: none;}
.igcal_2 .layui-carousel-arrow{background:url(../images/qh_l.png) no-repeat center rgb(51, 151, 202,.8);width: 57px;height: 91px;border-radius: 0;top: 42%;transition: .8s;z-index: 99;}
.igcal_2 .layui-carousel-arrow:nth-of-type(1){left: 0!important;}
.igcal_2 .layui-carousel-arrow:nth-of-type(2){background:url(../images/qh_r.png) no-repeat center rgb(51, 151, 202,.8);right: 0!important;}
.igcal_2_it li:hover img.spfmt {transform: scale(1.2);}
.igcal_2_it li:hover a p{color: #01abe8;}
.igcal_2 .layui-carousel-arrow:hover{background-color: rgb(51, 151, 202,1);}
/**/
@font-face
{
font-family: "Hallmarke CondBlack";
src:url('../fonts/HallmarkeCondBlack.otf');/* IE9+,可以是具体的实际链接 */
src:url('../fonts/HallmarkeCondBlack.woff'); /* IE9+,可以是具体的实际链接 */
src:url('../fonts/HallmarkeCondBlack.woff2'); /* IE9+,可以是具体的实际链接 */
}
#page5{background: url(../images/index_20.jpg) no-repeat center;background-size: cover;}
#page5 .itit{background: url(../images/index_21.png) no-repeat center top;padding: 45px 0 0 0;}
.gyzy_1{font-size: 24px;color: #fff;font-weight: bold;position: absolute;top: 28%;left: 0;right: 0;}
.gyzy_2{font-size: 15px;line-height: 32px;color: #fff;width: 1150px;margin: auto;position: absolute;left: 0;right: 0;top: 35%;}
.list4ul{position: absolute;top: 72%;left: 0;right: 0;}
.list4ul li{float: left;width: 25%;}
.list4ul li span{font-size: 72px;color: #fff;font-family: Hallmarke CondBlack;line-height: 72px;}
.list4ul li em{font-style: normal;font-size: 28px;color: #fff;line-height: 100px;position: relative;left: 10px;}
.list4ul li p:last-of-type{font-size: 24px;color: #fff;}
/**/
#page6{background: url(../images/index_22.jpg) no-repeat center;background-size: cover;}
.xwtab{position: absolute;top: 20%;left: 0;right: 0;height: 75%;}
.xwtab .layui-tab-title{text-align: center;border-bottom:none}
.xwtab .layui-tab-title li{font-size: 20px;color: #fff;margin: 0 10px;}
.xwtab .layui-tab-title .layui-this,.xwtab .layui-tab-title li:hover{color: #fff;background: #01abe8;}
.xwtab .layui-tab-title .layui-this::after{border: none;}
.xwtab .layui-tab-content{height: 59%;padding: 0;}
.xwtab .layui-tab-item,.xwtab .layui-tab-item ul{height: 100%;}
.xwtab .layui-tab-item ul{margin: 4% 0 0 0;}
.layui-tab-item ul li{width: 677px;height: 63%;background: rgb(255, 255, 255,.5);background: #ffffffa6;background: hsla(0, 0%, 100%, 0.6509803921568628);float: left;margin: 0 0 2%;position: relative;}
.layui-tab-item ul li:nth-of-type(2n){float: right;}
.anemg{display: block;position: absolute;top: 6%;left: 2.2%;height: 88%;overflow: hidden;}
.anemg img{height: 100%;width: 230px;transition: .8s;}
.anemg:hover img {transform: scale(1.2);}
.anecr{position: absolute;width: 370px;left: 41%;height: 100%;}
.anecr_1{color: #010101;font-size: 18px;position: relative;top: 22%;display: block;} 
.anecr_1:hover{color:#097ab6}
.anecr_2{font-size: 13px;line-height: 28px;color: #080808;position: relative;top: 30%;}
.anecr_3{font-size: 13px;color: #040404;position: relative;top: 42%;}
/**/
#page7{background: url(../images/index_24.jpg) no-repeat center;background-size: cover;}
#page7 .itit{font-size: 45px;}
#page7 .itit::after{display: none;}
#page7 .itit2{font-size: 24px;color: #fff;font-style: italic;position: absolute;top: 18.4%;left: 0;right: 0;width: 855px;margin: 0 auto;}
#page7 .itit2 span{margin: 0 16px;}
#page7 .itit2::before,#page7 .itit2::after{content: '';display: block;position: absolute;width: 278px;height: 1px;background: rgb(255, 255, 255,.4);top: 52%;}
#page7 .itit2::before{left: 0;}
#page7 .itit2::after{right: 0;}
#page7 .itit2 i{width: 9px;height: 9px;border-radius: 50%;background: #fff;display: block;position: absolute;left: 400px;top: 10px;}
.inlxwm ul{position: absolute;left: 0;height: 50.7%;width: calc(52.3% - 70px);padding: 0 0 0 70px;border: solid 7px rgba(255, 255, 255, .7);bottom: 16.8%;z-index: 9;}
.inlxwm ul li{position: relative;float: left;width: 50%;height: 11%;margin: 8% 0 0 0;}
.inlxwm ul li:nth-of-type(7){width: 100%;    margin: 12% 0 0 0;}
.inlxwm ul li i{width: 45px;height: 45px;display: block;border: solid 1px rgba(255, 255, 255, .3);position: absolute;top: 5px;}
.inlxwm ul li p{color: #fff;font-size: 18px;line-height: 30px;position: absolute;left: 71px;}
.inlxwm ul li p span{font-size: 20px;line-height: 30px;display: block;}
.inlxwm ul li:nth-of-type(1) i{background: url(../images/index_26.png) no-repeat center;}
.inlxwm ul li:nth-of-type(2) i{background: url(../images/index_27.png) no-repeat center;}
.inlxwm ul li:nth-of-type(3) i{background: url(../images/index_28.png) no-repeat center;}
.inlxwm ul li:nth-of-type(4) i{background: url(../images/index_29.png) no-repeat center;}
.inlxwm ul li:nth-of-type(5) i{background: url(../images/index_30.png) no-repeat center;}
.inlxwm ul li:nth-of-type(6) i{background: url(../images/index_sb.png) no-repeat center;}
.inlxwm ul li:nth-of-type(7) i{background: url(../images/index_31.png) no-repeat center;}
.inlxwm img{height: 47.3%;position: absolute;right: 0;bottom: 19.5%;z-index: 1;}
.infoot{color: #fff;position: absolute;left: 0;right: 0;bottom: 5%;}
.infoot a{color: #fff;}
.infoot a:hover{color:#017fbf}
@media only screen and (max-width: 1800px) {
    .inlxwm ul li{height: 11%;margin: 6% 0 0 0;}
}
/***/
.pgheader_2 .w138{position: relative;}
.pgheader_2_1{width: 115px;height: 270px;background: #097bb6;position: absolute;left: 0;top: -125px;color: #fff;}
.pgheader_2_1 span{font-size: 28px;line-height: 32px;width: 28px;/*display: block;margin: 40px 0 0 28px;*/position: absolute;
top: 0;bottom: 0;margin: auto;display: inline-table;left: 28px;}
.pgheader_2_1 em{font-style: normal;font-family: Arial, Helvetica, sans-serif;font-size: 21px;display: block;position: absolute;/*top: 123px;*/top: 153px;left: -55px;width: 270px;text-align: center;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.loc{background: url(../images/loc.png) no-repeat left top;position: absolute;right: 0;top: 27px;padding: 0 0 0 23px;line-height: 18px;color: #000;}
.loc a{line-height: 18px;color: #000;}
.loc a:hover{color:#017fbf}
.pgheader_2_2{position: absolute;top: 80px;left: 115px;}
.pgheader_2_2 a{color: #4a4a4a;font-size: 16px;position: relative;display: inline-table;padding: 0 0 0 18px;margin: 0 0 23px 50px;}
.pgheader_2_2 a::before{content: '';display: block;width: 5px;height: 5px;background: #d9d9db;border-radius: 50%;position: absolute;left: 0;top: 9px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.pgheader_2_2 a:hover,.pgheader_2_2 a.cur{color:#017fbf}
.pgheader_2_2 a:hover::before,.pgheader_2_2 a.cur::before{background: #097ab6;}
.pgheader_3{margin: 0 0 53px;}
.pgheader_3 h3{margin: 195px 0 0 0;font-size: 36px;color: #000;line-height: 36px;}
.pgheader_3 h3::after{content: '';display: block;width: 100%;height: 1px;background: #d9d9db;margin: 32px 0 0 0;}
/**/
.bottom{height: 453px;padding: 57px 0 0 0;background: #eee;margin: 80px 0 0 0;}
.bottom_1 li{float: left;margin: 0 90px 0 0;}
.bottom_1 li:last-of-type{margin: 0;}
.bottom_1 li a{line-height: 30px;color: #4b4b4b;}
.bottom_1 li a span{font-size: 16px;color: #000;margin: 0 0 5px;display:block;}
.bottom_1 li a:hover,.bottom_1 li a span:hover{color:#017fbf}
.bottom_2{width: 375px;}
.bottom_2 p{font-size: 26px;color: #017fbf;margin: 0 0 35px;}
.bottom_2 li{font-size: 14px;line-height: 40px;color: #494949;padding: 0 0 0 35px;}
.bottom_2 li:first-of-type{font-size: 18px;color: #0c0c0c;background: url(../images/index_32.png) no-repeat left center;}
.bottom_2 li:first-of-type span{font-size: 20px;}
.bottom_2 li:nth-of-type(5) span{display: block;text-indent: 5em;margin: -12px 0 0 0;}
.bottom_2 li:nth-of-type(2){background: url(../images/index_33.png) no-repeat 2px center;}
.bottom_2 li:nth-of-type(3){background: url(../images/index_34.png) no-repeat left center;}
.bottom_2 li:nth-of-type(4){background: url(../images/index_35.png) no-repeat 2px center;}
.bottom_2 li:nth-of-type(5){background: url(../images/index_36.png) no-repeat left 13px;}
.bottom_2 li:nth-of-type(6){background: url(../images/index_sb_2.png) no-repeat left center;}
.bottom_2 li:nth-of-type(7){background: url(../images/index_37.png) no-repeat left center;}
.footer{line-height: 65px;background: #17191b;color: #fff;}
.footer a{color: #fff;}
.footer a:hover{color:#017fbf}
/**/
.pgcase li{float: left;margin: 0 0 32px;}
.pgcase li:nth-of-type(3n-1){margin: 0 31px 32px;}
.pgcase li a div{width: 439px;height: 439px;overflow: hidden;}
.pgcase li img{transition: .8s;}
.pgcase li:hover img {transform: scale(1.2);}
.pgcase li p{margin: 30px 0 0 0;}
.pgcase li p a{font-size: 18px;color: #161616;text-align: center;display: block;}
.pgcase li:hover p a{color:#017fbf}
/**/
.ban{ width:500px; height:600px; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.ban2{ width:500px; height:500px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:500px; height:500px;width:569px; height:569px;}
.prev{ float:left; cursor:pointer;}
.num{ height:82px;overflow:hidden; width:430px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:500px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:80px; height:80px; margin-right:5px; padding:1px;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;}
.caseshow{width: 681px;width: 750px;margin: 0 0 0 123px;margin: 0 0 0 54px;}
.caseshow .ban2{width: 681px;width: 750px;}
.caseshow .ban2 ul li{width: 681px;width: 750px;}
.caseshow .min_pic{width: 681px;width: 750px;}
.caseshow .num{width: 611px;width: 680px;}
.caseshow2{width: 800px;height: 569px;left: 0;right: 0;top: 10%;margin: auto;}
.caseshow2 .pop_up2{width: 800px;height: 569px;}
.caseshow2 .pop_up2 ul li{width: 800px;height: 569px;}
.caseshow2 .next1,.caseshow2 .prev1{top: 260px;}
.caseshow .num ul li.on{border: 1px solid red;}
/**/
.casessr{font-size: 20px;line-height: 72px;color: #000;width: 528px;margin: 0 0 0 45px;}
.casessr_2 h2{display: inline;font-size: 26px;}
.casessr p a{font-size: 20px;line-height: 72px;color: #000;}
.casessr p a:hover{color:#017fbf;}
.casessr_3{font-size: 20px;color: #097bb6;position: relative;}
.casessr_3::after{content: '';display: block;position: absolute;height: 1px;width: 100%;background: #097bb6;left: 0;right: 0;bottom: 0;margin: auto;transition: .8s;}
.casessr_3:hover::after{width: 60%;}
.caseshow3{margin: 60px 0 0 0;}
.caseshow3 .caseshow3_1{font-size: 20px;color: #097ab6;line-height: 52px;background: #f3f3f3;border: solid 1px #e9e9ea;padding: 0 0 0 15px;}
.caseshow3 .caseshow_con{margin: 50px 0;font-size: 14px;
    line-height: 32px;}
.caseshow3_2 a{font-size: 18px;color: #030303;text-align: center;line-height: 48px;width: 171px;display: inline-table;border: solid 1px #dbdbdc;margin: 0 14px 0 0;}
.caseshow3_2 a:hover{background: #097ab6;color: #fff;border: solid 1px #097ab6;}
/**/
.scrollpic {width: 1380px;margin:40px auto 0 auto;position: relative;}
#myscroll {display: block;width: 100%;position: relative;height: 320px;height:380px;overflow: hidden;}
#myscroll #myscrollbox {display: block;float: left;position: absolute;left: 0;top: 0;width: 1000000px;}
#myscroll ul {display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#myscroll ul li {display: block;float: left;padding: 0;width:352px;}
#myscroll ul li a {display: block;float: left;/* width: 260px; */padding: 0;position: relative;/* height: 240px; */color: #333;}
#myscroll ul li a:nth-of-type(1){overflow: hidden;}
#myscroll ul li a:nth-of-type(2){width: 325px;}
#myscroll ul li a p{font-size: 16px;color: #202020;text-align: center;line-height: 56px;}
#myscroll ul li a img{transition: .8s;}
#myscroll ul li:hover a img{transform: scale(1.2);}
#myscroll ul li:hover a p{color: #097ab6;}
#mybtns {/* margin: 10px 0; */width: 1380px;display: block;height: 42px;position: absolute;z-index: 9;top: -50px;}
#mybtns a {width: 23px;height: 41px;display: block;}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#mybtns #left {background-image: url(../images/jt_l.png);position: absolute;top: 160px;left: 23px;}
#mybtns #right {background-image: url(../images/jt_r.png);position: absolute;top: 160px;right: 23px;}
/**/
.loc2{left: 0;}
.yyjslz{margin: 95px 0 0 0;}
.yyjslz li{width: 326px;height: 444px;border: solid 1px #dddddf;float: left;margin: 0 22px 58px 0;position: relative;top: 0;box-shadow: 0 10px 20px rgba(1,125,255,0);transition: all 0.3s;}
.yyjslz li:nth-of-type(4n){margin: 0 0 58px;}
.yyjslz li a:nth-of-type(1){display: block;width: 324px;height: 249px;margin: 1px auto 0;overflow: hidden;}
.yyjslz li a img{transition: .8s;}
.yyjslz li:hover a img{transform: scale(1.2);}
.yyjslz li a:nth-of-type(2){font-size: 20px;color: #1a1919;font-weight: bold;margin: 27px 0 0 23px;display: inline-table;}
.yyjslz li div{font-size: 14px;line-height: 28px;color: #1a1919;padding: 17px 23px 0;}
.yyjslz li div p{text-indent: 0!important;}
.yyjslz li div a{font-size: 12px;color: #ff0000;display: inline!important;}
.yyjslz li:hover {top: -25px;box-shadow: 0 10px 20px rgba(1,125,255,0.2);}
.yyjslz li a:hover{color: #097ab6;}
/**/
.yyjsshow{width: 1267px;height: 705px;margin: 0 auto;}
.yyjsshow .ban2 {width: 1267px;height: 568px;}
.yyjsshow .ban2 ul li{width: 1267px;height: 568px;}
.yyjsshow .num ul li{width: 136px;height: 111px;overflow: hidden;margin-right: 8px;}
.yyjsshow .num ul li img{height: 111px;}
.yyjsshow .prev_btn1,.yyjsshow .next_btn1{margin-top: 47px;}
.yyjsshow .min_pic{width: 1267px;}
.yyjsshow .num{width: 1187px;height: 115px;}
.yyjsshow2,.mhc2{display: none!important;}
/**/
.proolr{margin: 103px 0 0 0;}
.prool{width: 294px;border: solid 1px #e4e4e4;border-bottom: none;}
.prool .prool_1{width: 270px;line-height: 66px;margin: 1px auto 0;background: #097bb7;color: #fff;font-size: 26px;padding: 0 0 0 22px;}
.prool li p a{display: block;font-size: 18px;padding: 0 0 0 42px;background: url(../images/service1.jpg) no-repeat 22px center;line-height: 50px;border-bottom: solid 1px #e4e4e4;color: #252525;}
.prool li p a:hover,.prool li p a.cur{color: #097ab6;}
.prool li span{display: block;line-height: 48px;position: relative;padding: 0 0 0 54px;}
.prool li span::before{content: '';display: block;width: 4px;height: 4px;position: absolute;left: 41px;top: 0;bottom: 0;margin: auto;background: #0c7ab9;}
.prool li span a{font-size: 14px;color: #252525;}
.prool li span a:hover,.prool li span a.cur{color: #097ab6;}
.prool_2{padding: 12px 0;border-bottom: solid 1px #e4e4e4;}
.proor{width: 1040px;}
.proor h3{font-size: 36px;color: #000;line-height: 36px;padding: 0 0 32px;border-bottom: solid 1px #d9d9db;}
.proor h2{font-size: 36px;color: #000;line-height: 36px;padding: 0 0 32px;border-bottom: solid 1px #d9d9db;text-align: center;}

.proor2{margin: 45px 0 0 0;}
.proor2 li{width: 332px;float: left;text-align: center;margin: 0 0 10px;}
.proor2 li:nth-of-type(3n-1){margin: 0 22px 10px;}
.proor2 li a img{border: solid 1px #e4e4e4;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.proor2 li a:nth-of-type(2){line-height: 60px;font-size: 16px;color: #000;}
.proor2 li:hover a{color: #097ab6;}
.proor2 li:hover a img{border: solid 1px #097ab6;}
.proor3{margin: 45px 0 0 0;}
.proor3 p{font-size: 14px;line-height: 32px;color: #151515;}
/**/
.carousel-inner .item {visibility: inherit!important;opacity: 1!important;transform: matrix(1, 0, 0, 1, 0, 0);}
/**/
@font-face
{
font-family: "Bauer Bodoni BT";
src:url('../fonts/bauer.ttf');/* IE9+,可以是具体的实际链接 */
src:url('../fonts/bauer.otf');/* IE9+,可以是具体的实际链接 */
src:url('../fonts/bauer.woff'); /* IE9+,可以是具体的实际链接 */
src:url('../fonts/bauer.woff2'); /* IE9+,可以是具体的实际链接 */
}
/**/
.ytpage1{background: url(../images/ytprobg.jpg) no-repeat center;background: url(../images/index_111.jpg) no-repeat center;background-size: cover;width: 100%;height: 100%;}
.ytitit{font-family: Bauer Bodoni BT;font-size: 60px;line-height: 60px;color: rgb(255, 255, 255,.2);text-transform:uppercase;position: absolute;top: 8.4%;left: 0;right: 0;}
.ytpage .itit{top:12%;font-size: 40px;}
.ytpage .itit::after{display: block!important;content: '';width: 56px;height: 3px;background: #fff;margin: 32px auto 0;}
.ytcpfl{position: absolute;top: 30%;width: 1312px;left: 0;right: 0;margin: auto;}
.ytcpfl li{float: left;margin: 0 0 75px;}
.ytcpfl li:nth-of-type(3n-1){margin: 0 180px 75px;}
.ytcpfl li a{display: block;position: relative;}
.ytcpfl li a:nth-of-type(1){width: 315px;height: 182px;}
.ytcpfl li a:nth-of-type(1)::before{content: '';display: block;width: 313px;height: 180px;border: solid 1px rgb(255, 255, 255,.6);position: absolute;}
.ytcpfl li a:nth-of-type(1)::after{content: '';display: block;width: 303px;height: 169px;border: solid 1px rgb(255, 255, 255,.6);position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.ytcpfl li a img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 9;}
.ytcpfl li a:nth-of-type(2){color: #fff;font-size: 20px;text-align: center;line-height: 64px;}
.ytcpfl li a i{position: absolute;display: block;left: 0;height: 100%;width: 0%;background-color: #000;transition: .5s;opacity: .1;z-index: 5;}
.ytcpfl li:hover a i{width: 100%;background-color: #097ab6;opacity: 1;}
.ytcpfl li:hover a{color: #097ab6;}
@media only screen and (max-width: 1800px) {
    .ytcpfl li{margin: 0 0 1.5%;}
    .ytcpfl li:nth-of-type(3n-1){margin: 0 180px 1.5%;}
}
/**/
.ytpage2{background: url(../images/ytalbg.jpg) no-repeat center;background: url(../images/index_119.jpg) no-repeat center;background-size: cover;width: 100%;height: 100%;}
/**/
.ytpage3{background: url(../images/ytabbg.jpg) no-repeat center;background: url(../images/index_118.jpg) no-repeat center;background-size: cover;width: 100%;height: 100%;}
/**/
.ytpage4{background: url(../images/ytnewbg.jpg) no-repeat center;background: url(../images/index_120.jpg) no-repeat center;background-size: cover;width: 100%;height: 100%;}
.ytpage4 .itit{padding: 0!important;background: none!important;}
.ytpage4 .xwtab .layui-tab-item ul {margin: 1% 0 0 0;}
/**/
.ytpage5{background: url(../images/ytcobg.jpg) no-repeat center;background: url(../images/index_122.jpg) no-repeat center;background-size: cover;width: 100%;height: 100%;}
.ytpage5 .infoot{bottom: 7%;}
/**/
.pgdivcon p{font-size: 14px;line-height: 32px;color: #000;}
/**/
.newsztli{}
.newsztli li{width:425px; height:400px; border:solid 1px #e6e6e6; padding-bottom:50px;float:left;margin:0 16px 35px 17px;transition: all 1s;}
.newsztli li:hover{box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);}
.newsztli li img{transition: all 1s;}
.newsztli li a:nth-of-type(1){width: 425px;height: 220px;overflow: hidden;display: block;}
.newsztli li:hover img{transform: scale(1.1);}
.newsztli li .newsztli_1{font-size: 18px;color: #202122;margin: 27px 10px 0 21px;display: inline-table;}
.newsztli li a.newsztli_1:hover{color:#017fbf;}
.newsztli li p{ font-size:14px; color:#ababac; padding:0 0 0 24px; background:url(../images/time.jpg) no-repeat left center;margin: 18px 0 16px 21px;}
.newsztli li span{font-size:14px; color:#525252;margin: 0 15px 0 21px;display: block;}
/**/
.ssnew{margin: 200px 0 0 0;}
.ssnew .main {background: #f8f8f8;padding: 98px 125px 90px;    margin: 0 0 100px;}
.ssnew .header {text-align: center;padding-bottom: 38px;margin-bottom: 40px;border-bottom: 1px solid #dedede;}
.ssnew .name {font-size: 24px;color: #332c2b;letter-spacing: 1px;margin-bottom: 10px;}
.ssnew .header .other{font-size: 14px;color: #999;}
.ssnew .content{font-size: 14px;color: #666;line-height: 30px;text-align: justify;margin-bottom: 32px;}
.ssnew .share {/* font-size: 0; */margin: 30px auto 40px;}
.ssnew .share span,.ssnew .share a {display: inline-block;vertical-align: middle;font-size: 14px;color: #666;/* line-height: 28px; */}
.ssnew .bshare-custom{display: inline-block;}
.ssnew .share a{position: relative;top: 6px;}
.ssnew .relative-btn{position: relative;padding-top: 30px;border-top: 1px solid #dedede;}
.ssnew .relative-btn p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 130px;olor: #666;font-size: 14px;line-height: 30px;}
.ssnew .relative-btn p a{color: #666;font-size: 14px;line-height: 30px;}
.ssnew .relative-btn p a:hover{color:#017fbf;}
.ssnew .relative-btn .return2{
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 10;
    width: 120px;
    height: 36px;
    line-height: 33px;
    text-align: center;
    font-size: 14px;
    color: #017fbf;
    border: 2px solid #017fbf;
    border-radius: 30px;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}
.ssnew .relative-btn .return2:hover{color: #fff;background:#017fbf;}
/**/
.complaints-main .hang1 {
    padding-left: 0;
    overflow: hidden;
}
.complaints-main .hang1 li {
    float: left;
    width: 28.85%;
    margin-right: 2%;
    font-size: 14px;
    height: 3.571em;
    line-height: 3.571em;
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 0 1.5%;
    overflow: hidden;
}
.complaints-main .hang1 li em {
    float: left;
    width: 22%;
    color: #999999;
    line-height: 50px;
}
.complaints-main .hang1 li em i {
    color: #e64340;
}
.complaints-main .hang1 li input {
    float: left;
    width: 78%;
    height: 100%;
    border: none;
    margin-top: 1px;
    /* padding-right: 10%; */
}
.complaints-main .hang1 li:nth-child(1) input {
    background: url(../images/service_hang1-libg1.png) no-repeat right center;
}
.complaints-main .hang1 li:nth-child(2) input {
    background: url(../images/service_hang1-libg2.png) no-repeat right center;
}
.complaints-main .hang1 li:nth-child(3) input {
    background: url(../images/service_hang1-libg3.png) no-repeat right center;
}
.complaints-main .hang4 {
    margin-top: 17.5px;
    border: 1px solid #ebebeb;
    background: #fff;
    height: 18.125em;
    padding: 1.55%;
    padding-top: 0;
}
.complaints-main .hang4 .toppp {
    font-size: 14px;
    line-height: 3.571em;
    background: url(../images/service_hang4-bg.png) no-repeat right center;
}
.complaints-main .hang4 .toppp em {
    color: #999999;
}
.complaints-main .hang4 textarea {
    height: 15em;
    width: 100%;
    font-size: 14px;
    display: block;
    resize: none;
    background: none;
    border: none;
}
.complaints-main .hang1 li:nth-child(3n) {
    margin-right: 0;
}
.complaints-main .hang {
    padding-top: 17.5px;
}
.complaints-main .hang li {
    float: left;
}
.complaints-main .hang input {
    width: 33%;
    height: 50px;
    border: 1px solid #ebebeb;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    border-radius: 0;
}
.complaints-main .hang img{margin: 10px;}
.verify {
    position: relative;
    width: 310px;
    margin: 0 auto;
    margin-top: 35px;
}
.verify button {
    width: 100%;
    height: 50px;
    border: 0;
    background: #0d56a7;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    border-radius: 0;
}
.map {
	position: relative;
	border: 1px solid #e8e8e8;
	overflow: hidden;
}
.about_contact {
	background: rgba(0, 0, 0, .7);
	position: absolute;
	font-family: "";
	width: 280px;
	height: 450px;
	right: 45px;
	top: 100px;
	padding: 0 30px;
}

.about_con {
	margin-top: 24px;
	margin-top: 0.24rem;
}
.about_con h3 {
	color: #fff;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	margin: 70px 0 10px;
}
.about_con p {
	color: #fff;
	font-size: 14px;
	line-height: 30px;
}
.about_con p:nth-of-type(5) span {
    display: block;
    text-indent: 5em;
    margin:  0;
}
.about_con p:nth-of-type(6) span {
    width: 81%;
    display: inline-table;
    float: right;
}
/**/
.pgdivcon2 p{font-size: 16px;line-height: 36px;}
.proor2 p{font-size: 14px;line-height: 32px;}
/**/
.contentdiv h5{ padding-left:17px; line-height:48px; background-color:#f5f6f6; border:1px solid #eaeaeb; color:#097ab6; font-size:20px; font-weight:bold;}
.procontent{padding: 30px;}
.procontent p{font-size: 14px;line-height: 32px;}

.xunpan{ padding-top:20px; font-size:14px;margin: 60px 0 0 0;}
.xunpan table{/*border-top:1px dashed #e3e3e3;*/ padding-top:40px;}
.xunpan table td{padding:10px 5px;}
.xunpan input{padding:0px 5px 0px 15px;width:300px;height:38px;border:1px solid #e3e3e3;margin: 0 5px 0 0;outline: none;}
.xunpan textarea{padding:10px;width:100%;height:200px;border:1px solid #e3e3e3;outline: none;width: calc(100% - 20px);}
.xunpan .button{width:100px; height:40px; background-color:#097ab6; font:normal 18px/40px "", Arial, Helvetica, sans-serif; color:#FFF; cursor: pointer;border:none;}
.xunpan input:focus,.xunpan textarea:focus{border:solid 1px #097ab6;}
.xunpan img{float:left;}
.xunpan .form-group{width:350px;margin:0 90px 0 0}
.xunpan .form-group input{width:200px;float:left;}
.xunpan .form-group p{line-height:40px;}
/**/
.pagination{text-align: center;}
.pagination li{
    /* float: left; */
    display: inline-block;
}
.pagination li a{
    display: inline-block;
    vertical-align: top;
    margin: 8px 4px 0;
    padding: 0 10px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #e6e6e6;
    color: #999;
    height: 28px;
    line-height: 28px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
.pagination li a:hover,.pagination li.active a{
    border-color: #097bb7;
    background: #097bb7;
    color: #fff;
}
.innav2 {
    margin: 35px 0 0 110px;
    width: 60%;
}
@media only screen and (max-width: 1800px){
.innav2 {
    width: 60%;
    margin: 1% auto 0;
    position: absolute;
    left: 0;
    right: 0;
}}
@media only screen and (max-width: 1800px){
.innav li:first-of-type{
    /* display: block; */
}}
.innav2 li {
    /*width: 13.8%;*/
    margin: 0 1%;
    margin: 0 0.5%;

}
@media only screen and (max-width: 1800px){
.innav2 li {
    width: 18%;
    width: 10%;
    margin: 0 1%;
}}
.lcsp{width: 439px;}
.lcsp video{width:100%}
.spbf{    background: rgba(0, 0, 0, 0.45);
    width: 17%!important;
    z-index: 9;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;    cursor: pointer;}
.spfmt{z-index: 5;height: 100%;}    

.lcsp{position: relative;}
.lcsp span{position: relative;display: block;overflow: hidden;}
.lcsp img{position: absolute;top: 0;bottom: 0;margin: auto;transition: .8s;width: 100%;}
.lcsp video{width: 100%;height: 100%;background: #000;}
.lcsp:hover img.spfmt {transform: scale(1.2);}

.proor2se li{margin: 0 5px 10px!important;}

.iprztr li a::before{    position: absolute;content: '';
    display: block;
    left: 0;
    height: 100%;
    width: 0%;
    background-color: #000;
    transition: .5s;
    opacity: .1;
    z-index: 5;}
.iprztr li a:hover::before{    width: 100%;
    background-color: #097ab6;
    opacity: 1;}
/**/
.ncalwz{    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    padding: 30px;
    background: #efefef;
    font-size: 16px;
    line-height: 32px;
    text-indent: 2em;
    margin: 0 0 50px;
    border-radius: 8px;
    position: relative;}    
.ncalwz:before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 5px;
        content: "";
        background-image: -moz-linear-gradient(90deg, rgb(255, 157, 0) 0%, rgb(255, 109, 18) 100%);
        background-image: -webkit-linear-gradient(90deg, rgb(0, 174, 243) 0%, rgb(9, 123, 182) 100%);
        background-image: -ms-linear-gradient(90deg, rgb(255, 157, 0) 0%, rgb(255, 109, 18) 100%);
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .qssbwy{
    height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
        .qssbwy p{font-size: 13px!important;text-indent: 0!important;line-height: 20px;}